

 @color-primary:#1890ff ;
 @color-border: #d9d9d9 ;
.group {
  padding: 0.05rem 0.15rem 0.15rem 0.15rem;
  border-bottom: 1px solid #ccc;

  .grid {
    flex: 1;
    div {
      flex: 1;
      .input {
        width: 100%;
      }
      ui-select {
        width: 0.95rem;
      }
    }


  }
  .icon-item {
    line-height: 1;
  }


  svg {
    width: 5.0rem;
    height: 1.18rem;
    position: relative;
    top: 0.04rem;
  }

  
  .dropdown {
    .icon-item:hover {
      background:  @color-primary;
    }
  }

  .input.color {
    position: relative;
    display: flex;
    i {
      display: inline-block;
      width: 0.12rem;
      height: 0.12rem;
      border: 1px solid  @color-border;
      margin-top: 0.03rem;
    }

    input {
      width: 100%;
      border: none;
      padding: 0 0 0 0.05rem;
    }

    color-picker {
      position: absolute;
      left: -0.1rem;
    }
  }

  .input-line {
    margin-bottom: 0.05rem;
     label {
      width: 0.6rem;
      margin: 0;
    }
    .input {
      width: 100%;
      font-family: Arial;
    }

    .icon {
      height: 0.3rem;
      line-height: 1;

      .image-upload {
        display: flex;
        width: 0.3rem;
        height: 0.3rem;
        text-align: center;
        border: 1px dashed  @color-border;
        border-radius: 2px;
        justify-content: center;
        align-items: center;
      }

      .topology {
        font-size: 0.3rem;
      }
    }
  }

  .checkbox > span > span {
    position: relative;
    top: -0.01rem;
  }
}
:host {


  ui-slider {
    overflow: hidden;
    position: relative;
    top: 0.05rem;
    padding: 0 0.1rem 0 0.07rem;
  }
}
.mt5{
  margin-top: .05rem!important;
}
.mr5 {
  margin-right: .05rem!important;
}
.title{
  color: #0d1a26;
    font-weight: 600;
}
.hidden{
  display: none!important;
}
.input {
  color: #314659;
  padding: .05rem .1rem;
  outline: 0;
  border: 1px solid #d9d9d9;

  min-height: .3rem;
  box-sizing: border-box;
  background-color: #fff;
  border-radius: .02rem;
  &:hover{
      border: 1px solid @color-primary;
  }
}
.dropdown {
  position: absolute;
  top: 100%;
  color: #000;
  box-shadow: 0 0 10px rgba(0,0,0,.3);
  display: none;
  z-index: 9999;
  background-color: #fff;
  min-width: 1rem;
  text-align: left;
}
.block {
  display: block!important; 
}

// .ph10 {
//   padding-left: 0.5rem !important;
//   padding-right: 1.1rem !important;
// }
// .pv5 {
//   padding-top: 1.05rem !important;
//   padding-bottom: 0.1rem !important;
// }
.rel{
  position: relative;
}